<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>发现圈子评论</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link href="../css/iconfont.css" rel="stylesheet"/>
		<link rel="stylesheet" href="../css/feedback-page.css">
		<link rel="stylesheet" href="../css/MUIxinyingCss.css"/>
		<style>
			html,body{background-color:#F5F5F5}.mui-views,.mui-view,.mui-pages,.mui-page,.mui-page-content{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:#F5F5F5}.mui-pages{top:44px;height:auto}.mui-scroll-wrapper,.mui-scroll{background-color:#f5f5f5}.mui-page.mui-transitioning{-webkit-transition:-webkit-transform 300ms ease;transition:transform 300ms ease}.mui-page-left{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-ios .mui-page-left{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}.mui-navbar{position:fixed;right:0;left:0;z-index:10;height:44px;background-color:#f7f7f8}.mui-navbar .mui-bar{position:absolute;background:transparent;text-align:center}.mui-android .mui-navbar-inner.mui-navbar-left{opacity:0}.mui-ios .mui-navbar-left .mui-left,.mui-ios .mui-navbar-left .mui-center,.mui-ios .mui-navbar-left .mui-right{opacity:0}.mui-navbar .mui-btn-nav{-webkit-transition:none;transition:none;-webkit-transition-duration:.0s;transition-duration:.0s}.mui-navbar .mui-bar .mui-title{display:inline-block;width:auto}.mui-page-shadow{position:absolute;right:100%;top:0;width:16px;height:100%;z-index:-1;content:''}.mui-page-shadow{background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.mui-navbar-inner.mui-transitioning,.mui-navbar-inner .mui-transitioning{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease}.mui-page{display:none}.mui-pages .mui-page{display:block}.mui-page .mui-table-view:first-child{margin-top:15px}.mui-page .mui-table-view:last-child{margin-bottom:30px}.mui-table-view{margin-top:20px}.mui-table-view span.mui-pull-right{color:#999}.mui-table-view-divider{background-color:#F5F5F5;font-size:14px}.mui-table-view-divider:before,.mui-table-view-divider:after{height:0}.head{height:40px}#head{line-height:40px}.head-img{width:40px;height:40px}#head-img1{position:absolute;bottom:10px;right:40px;width:40px;height:40px}.update{font-style:normal;color:#999;margin-right:-25px;font-size:15px}.mui-fullscreen{position:fixed;z-index:20;background-color:#000}.mui-ios .mui-navbar .mui-bar .mui-title{position:static}
		</style>
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
	</head>
	<body class="mui-fullscreen">
		<!--页面主结构开始-->
		<div id="commentApp" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<div id="cicirle_comment" class="mui-page">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<a href="##" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</a>
				<h1 class="mui-center mui-title">发现圈子</h1>
				<div class="mui-pull-right">					
					<span class="iconfont icon-shoucang top_rig_btn top_rig_btn_1"></span>
					<span class="iconfont icon-fenxiang top_rig_btn top_rig_btn_2" id="share"></span>
				</div>
				
			</div>
			<!--页面标题栏结束-->
			<!--页面主内容区开始-->
			<div class="mui-page-content">				
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="comment_list">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media  col_box_parent">
									<div class="mui-col-xs-10 col_box_child">
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-left" src="../images/doc_list@2x.png">
											<div class="mui-media-body">
												<h6><span>匿名用户</span> <time>2015-12-19</time></h6>
												<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
											</div>
										</a>
									</div>
									<div class="mui-col-xs-2 col_box_child right_comment_good">
										<span class="good comment_good">20</span>
									</div>
								</li>
								<li class="mui-table-view-cell mui-media  col_box_parent">
									<div class="mui-col-xs-10 col_box_child">
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-left" src="../images/doc_list@2x.png">
											<div class="mui-media-body">
												<h6><span>匿名用户</span> <time>2015-12-19</time></h6>
												<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
											</div>
										</a>
									</div>
									<div class="mui-col-xs-2 col_box_child right_comment_good">
											<span class="good comment_good">20</span>
									</div>
								</li>
								<li class="mui-table-view-cell mui-media  col_box_parent">
									<div class="mui-col-xs-10 col_box_child">
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-left" src="../images/doc_list@2x.png">
											<div class="mui-media-body">
												<h6><span>匿名用户</span> <time>2015-12-19</time></h6>
												<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
											</div>
										</a>
									</div>
									<div class="mui-col-xs-2 col_box_child right_comment_good">
										<span class="good comment_good">20</span>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--页面主内容区结束-->
		</div>
		<!--单页面结束-->
		<!--页面1-->
		<div id="cloud_free_advice_record" class="mui-page">
				
		</div>
		<script src="../js/mui.min.js "></script>
		<script src="../js/mui.view.js "></script>
		<script src='../js/jquery-1.11.1.js'></script>
		<script src="../js/jquery.fakecrop.js"></script>		
	</body>
	<script>
		mui.init();
		//初始化单页view
		var viewApi = mui('#commentApp').view({
			defaultPage: '#cicirle_comment' 
		});
		//初始化单页的区域滚动
		mui('.mui-scroll-wrapper').scroll();
		var view = viewApi.view;
		(function($) {
			//处理view的后退与webview后退
			var oldBack = $.back;
			$.back = function() {
				if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
					viewApi.back();
				} else { //执行webview后退
					oldBack();
				}
			};
						
		})(mui);
		//分享操作
		var shares = {};
		
		mui.plusReady(function() {
			plus.share.getServices(function(s) {
				if (s && s.length > 0) {
					for (var i = 0; i < s.length; i++) {
						var t = s[i];
						shares[t.id] = t;
					}
				}
			}, function() {
				console.log("获取分享服务列表失败");
			});
		});
		
		setTimeout(function () {
			defaultImg();
			setTimeout(function() {
				initImgPreview();
			}, 300);
		},500);
		
		//分享链接点击事件
		document.getElementById("share").addEventListener('tap', function() {
			var ids = [{
					id: "weixin",
					ex: "WXSceneSession"
				}, {
					id: "weixin",
					ex: "WXSceneTimeline"
				}, {
					id: "sinaweibo"
				}, {
					id: "tencentweibo"
				}, {
					id: "qq"
				}],
				bts = [{
					title: "发送给微信好友"
				}, {
					title: "分享到微信朋友圈"
				}, {
					title: "分享到新浪微博"
				}, {
					title: "分享到腾讯微博"
				}, {
					title: "分享到QQ"
				}];
			plus.nativeUI.actionSheet({
				cancel: "取消",
				buttons: bts
			}, function(e) {
				var i = e.index;
				if (i > 0) {
					var s_id = ids[i - 1].id;
					var share = shares[s_id];
					if (share) {
						if (share.authenticated) {
							shareMessage(share, ids[i - 1].ex);
						} else {
							share.authorize(function() {
								shareMessage(share, ids[i - 1].ex);
							}, function(e) {
								console.log("认证授权失败：" + e.code + " - " + e.message);
							});
						}
					} else {
						mui.toast("无法获取分享服务，请检查manifest.json中分享插件参数配置，并重新打包")
					}
				}
			});
		});

		function shareMessage(share, ex) {
			var msg = {
				extra: {
					scene: ex
				}
			};
			msg.href = "http://www.dcloud.io/hellomui/";
			msg.title = "最接近原生APP体验的高性能前端框架";
			msg.content = "我正在体验HelloMUI，果然很流畅，基本看不出和原生App的差距";
			if (~share.id.indexOf('weibo')) {
				msg.content += "；体验地址：http://www.dcloud.io/hellomui/";
			}
			msg.thumbs = ["_www/images/logo.png"];
			share.send(msg, function() {
				console.log("分享到\"" + share.description + "\"成功！ ");
			}, function(e) {
				console.log("分享到\"" + share.description + "\"失败: " + e.code + " - " + e.message);
			});
		}
		
		function fakecrop_circle(banner){
				$(banner+' .mui-slider-item img').fakecrop({
					imgW:$(window).width(),
					imgH:$('.mui-slider-item:eq(0) img').height()
				});
			};
			fakecrop_circle(".article_detail_banner");
	</script>

</html>